<!DOCTYPE html>
<!--购物车-->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="css/shoppingcart.css">
    <link rel="stylesheet" type="text/css" href="css/cart.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
</head>
<body style="text-align: left;">
<!-- 头信息 -->
<div class="header">
    <div class="wrap cf">
        <span class="f_left welcome">欢迎来到完美世界周边商城！</span>
        <div class="f_right header_cart_tip">
            <a href="shoppingcart.html" class="text"><span class="icon"></span>购物车（<span class="cartNum">5</span>）</a>
            <div class="cart_list"></div>
        </div>
        <dl class="f_right">
            <dt><a href="#" class="needLogin">我的订单</a></dt>
            <dd><a href="#" class="needLogin">我的关注</a></dd>
        </dl>
        <dl class="f_right userlogin">
            <dt><a href="#" class="needLogin" id="login">登录</a></dt>
            <dd><a href="register.html" target="_blank">注册</a></dd>
        </dl>
    </div>
</div>
<!--登录层-->
<div class="login">
    <span></span>
    <!--关闭按钮-->
    <div class="close_box">
        <font>×</font>
    </div>
    <!--表单登录-->
    <h1>账号登录</h1>
    <form action="" method="post" id="form_login">
        <p>
            <label for="username">用户名</label>
            <input type="text" id="username" placeholder="admin">
        </p>
        <p>
            <label for="psw">密码</label>
            <input type="text" id="psw" placeholder="psw">
        </p>
        <input type="submit"  value="登录">
        <input type="reset" value="重置">
    </form>
</div>
<!-- 右侧悬浮条 -->
<div class="fixed_bar">
    <dl>
        <dd class="center">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" class="needLogin">个人中心</a></p>
        </dd>
        <dd class="my_like">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" class="needLogin">我的关注</a></p>
        </dd>
        <dd class="fixed_cart_tip">
            <a href="shoppingcart.html"><span><i></i>购物车<font class="cartNum">5</font></span></a>
        </dd>
        <dd class="online">
            <a href="#" target="_blank" class="needLogin"><span></span></a>
            <p class="tip"><a href="#" target="_blank" class="needLogin">在线客服</a></p>
        </dd>
    </dl>
    <p class="go_top" title="Scroll Back to Top" style="opacity: 0;"><a href="#"><span></span></a></p></div>

<!-- 顶部导航 -->
<div class="top_nav">
    <div class="wrap cf">
        <a href="#" class="f_left logo logo_wm"><img src="images/logo_wm.png" width="120" height="41" alt="" title="完美商城"></a>
        <a href="#" class="f_left logo logo_shop"><img src="images/logo_shop.png" width="55" height="27" alt="" title="完美商城"></a>
        <div class="f_left all_wares">
            <p class="text"><span></span>全部商品</p>
            <ul style="display: none;">
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="DOTA2神秘商店">DOTA2神秘商店<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">手办扭蛋</a></dd>
                        <dd><a href="#" target="_blank">创意T恤</a></dd>
                        <dd><a href="#" target="_blank">焕新服饰</a></dd>
                        <dd><a href="#" target="_blank">生活用品</a></dd>
                        <dd><a href="#" target="_blank">毛绒合辑</a></dd>
                    </dl>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="完美世界周边">完美世界周边<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">梦间集周边</a></dd>

                        <dd><a href="#" target="_blank">诛仙3专区</a></dd>
                    </dl>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="CSGO正版周边">CSGO正版周边<em></em></a>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="姜小虎系列周边">姜小虎系列周边<em></em></a>
                </li>
                <li>
                    <a href="#" target="_blank" class="ellipsis2" title="游戏外设">游戏外设<em></em></a>
                    <dl>
                        <dd><a href="#" target="_blank">键盘</a></dd>
                        <dd><a href="#" target="_blank">鼠标</a></dd>
                        <dd><a href="#" target="_blank">耳机</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <ul class="nav f_left">
            <li><a href="index.html" target="_blank">首页</a></li>
            <li><a href="#" target="_blank">完美世界周边</a></li>
            <li><a href="#" target="_blank">DOTA2专区</a></li>
            <li><a href="#" target="_blank">FAQ</a></li>
        </ul>
        <div class="f_right header_search">
            <!--顶部侧搜索框-->
            <form action="" method="get" class="cf">
                <input type="text" class="text " data-old-key="" value="">
                <input type="button" class="btn">
                <span class="keyword">

                        <a href="#" class="tj_link" data-url="#" data-pid="346" target="_blank">敌法师</a>

                        <a href="#" class="tj_link" data-url="#" data-pid="454" target="_blank">国际金猪</a>

                </span>
                <div class="keyword_list">
                    <dl>

                    </dl>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- 面包屑导航 -->
    <div class="nav_bar">
        <div class="wrap">
            <a href="index.html">首页</a>&gt;
            <a href="#">我的购物车</a>
        </div>
    </div>
    <!-- 购物车商品主体 -->
    <div class="wrap">

            <div class="cart_list">
                <!--购物车表单-->
                <form id="cartForm" method="post" action="">
                    <table cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <td class="state"><span class="all_checkbox"><span class="checkbox"><label class="curr"></label></span><label>全选</label></span></td>
                            <td class="name">商品名称</td>
                            <td class="num">数量</td>
                            <td class="prices">价格</td>
                            <td class="operation">操作</td>
                        </tr>
                        </thead>
                        <tbody>
                            <tr data-pid="522">
                                <td class="state">
                                    <span class="checkbox">
                                        <input type="checkbox" name="pids" value="522" checked="checked">
                                        <label class="curr" data-pid="522"></label>
                                    </span>
                                </td>
                                <td>
                                        <dl class="cf">
                                            <dt class="f_left"><a href="#" target="_blank"><img src="images/shoppingcart/042cbcd654af4bb69fd885d0d6e9d0ca_72.jpg" alt="" title="DOTA2-2018年国际邀请赛 主题马克杯"></a></dt>
                                            <dd class="f_left">
                                                <h1 class="cf">
                                                    <a href="#" class="name ellipsis2" target="_blank" title="DOTA2-2018年国际邀请赛 主题马克杯">DOTA2-2018年国际邀请赛 主题马克杯</a>
                                                </h1>

                                            </dd>
                                        </dl>


                                </td>
                                <td>
                                    <input id="price_522" type="hidden" value="11800">
                                    <span class="amount number-input"><span class="reduce disable"></span><input id="num_522" name="num_522" data-pid="522" type="text" value="1" min="1" data-stock="45" data-suit-number="1" maxlength="3" autocomplete="off"><span class="plus"></span></span>
                                        <p class="stock">库存<font>45</font>件</p>
                                </td>
                                <td class="price">¥<font id="rmbPrice_522">118.00</font></td>
                                <td><a href="javascript:void(0)" class="del" data-pid="522"><span></span></a></td>
                            </tr>
                            <tr data-pid="523">
                                <td class="state">
                                    <span class="checkbox">
                                        <input type="checkbox" name="pids" value="523" checked="checked">
                                        <label class="curr" data-pid="523"></label>
                                    </span>
                                </td>
                                <td>
                                        <dl class="cf">
                                            <dt class="f_left"><a href="#" target="_blank"><img src="images/shoppingcart/fdec101e2cdc434e95fcdfcb46bfb070_72.jpg" alt="" title="DOTA2-发条技师 马克杯"></a></dt>
                                            <dd class="f_left">
                                                <h1 class="cf">
                                                    <a href="#" class="name ellipsis2" target="_blank" title="DOTA2-发条技师 马克杯">DOTA2-发条技师 马克杯</a>
                                                </h1>

                                            </dd>
                                        </dl>
                                </td>
                                <td>
                                    <input id="price_523" type="hidden" value="24800">
                                    <span class="amount number-input"><span class="reduce disable"></span><input id="num_523" name="num_523" data-pid="523" type="text" value="1" min="1" data-stock="65" data-suit-number="1" maxlength="3" autocomplete="off"><span class="plus"></span></span>
                                        <p class="stock">库存<font>65</font>件</p>

                                </td>
                                <td class="price">¥<font id="rmbPrice_523">248.00</font></td>
                                <td><a href="javascript:void(0)" class="del" data-pid="523"><span></span></a></td>
                            </tr>

                            <tr data-pid="361_1022">
                                <td class="state">
                                    <span class="checkbox">
                                        <input type="checkbox" name="pids" value="361_1022" checked="checked">
                                        <label class="curr" data-pid="361_1022"></label>
                                    </span>
                                </td>
                                <td>
                                        <dl class="cf">
                                            <dt class="f_left"><a href="#" target="_blank"><img src="images/shoppingcart/93945894-d9c6-4f43-91cc-76203c9893d8_72.jpg" alt="" title="DOTA2-TI7 装甲就位 T恤"></a></dt>
                                            <dd class="f_left">
                                                <h1 class="cf">
                                                    <a href="#" class="name ellipsis2" target="_blank" title="DOTA2-TI7 装甲就位 T恤">DOTA2-TI7 装甲就位 T恤</a>
                                                </h1>
                                                    <p class="ellipsis2" title="型号:M">型号:M</p>

                                            </dd>
                                        </dl>

                                </td>
                                <td>
                                    <input id="price_361_1022" type="hidden" value="13900">
                                    <span class="amount number-input"><span class="reduce disable"></span><input id="num_361_1022" name="num_361_1022" data-pid="361_1022" type="text" value="1" min="1" data-stock="71" data-suit-number="1" maxlength="3" autocomplete="off"><span class="plus"></span></span>
                                        <p class="stock">库存<font>71</font>件</p>

                                </td>
                                <td class="price">¥<font id="rmbPrice_361_1022">139.00</font></td>
                                <td><a href="javascript:void(0)" class="del" data-pid="361_1022"><span></span></a></td>
                            </tr>

                            <tr data-pid="360_1027">
                                <td class="state">
                                    <span class="checkbox">
                                        <input type="checkbox" name="pids" value="360_1027" checked="checked">
                                        <label class="curr" data-pid="360_1027"></label>
                                    </span>
                                </td>
                                <td>
                                        <dl class="cf">
                                            <dt class="f_left"><a href="#" target="_blank"><img src="images/shoppingcart/5d951f30-3bec-4af3-b906-27c8b4156f84_72.jpg" alt="" title="DOTA2-TI7  水晶喵女与狸娜 T恤"></a></dt>
                                            <dd class="f_left">
                                                <h1 class="cf">
                                                    <a href="#" class="name ellipsis2" target="_blank" title="DOTA2-TI7  水晶喵女与狸娜 T恤">DOTA2-TI7  水晶喵女与狸娜 T恤</a>
                                                </h1>

                                                    <p class="ellipsis2" title="型号:M">型号:M</p>

                                            </dd>
                                        </dl>
                                </td>
                                <td>
                                    <input id="price_360_1027" type="hidden" value="13900">
                                    <span class="amount number-input"><span class="reduce disable"></span><input id="num_360_1027" name="num_360_1027" data-pid="360_1027" type="text" value="1" min="1" data-stock="32" data-suit-number="1" maxlength="3" autocomplete="off"><span class="plus"></span></span>
                                        <p class="stock">库存<font>32</font>件</p>
                                </td>
                                <td class="price">¥<font id="rmbPrice_360_1027">139.00</font></td>
                                <td><a href="javascript:void(0)" class="del" data-pid="360_1027"><span></span></a></td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="cf total_bar">
                        <p class="f_left">
                            <span class="all_checkbox"><span class="checkbox"><label class="curr"></label></span><label>全选</label></span>
                            <a href="javascript:void(0)" class="batch-delete">删除选中商品</a>
                            <a href="index.html">继续购物</a>
                        </p>
                        <div class="f_right">
                            <div class="f_right">
                                <input type="button" value="去结算" class="btn btn_checkout" onclick="window.open('pay.html')">
                                <p class="tip tip_checkout" style="display: none;"></p>
                            </div>
                            <p class="f_right">共<span id="num"><font id="checkoutNum">4</font></span>件商品，　合计：<span>¥<font id="checkoutPrice">644.00</font></span></p>
                        </div>
                    </div>
                </form>
            </div>

<!-- 猜你喜欢 && 我的关注 -->
<div class="likes">
    <div class="nav">
        <ul class="cf">
            <li class="on">猜你喜欢</li>

        </ul>
    </div>
    <div class="tempWrap" style="overflow:hidden; position:relative; width:1190px"><div class="content" style="width: 1190px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0px;">
        <div class="like" style="float: left; width: 1190px;">
            <div class="bd">
                <div class="tempWrap" style="overflow:hidden; position:relative; width:1080px"><div class="list" style="width: 2160px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0px;">


    <ul class="cf" style="float: left; width: 1080px;">

        <li>
            <a href="#" target="_blank"><img src="images/shoppingcart/5d951f30-3bec-4af3-b906-27c8b4156f84_120.jpg" alt="" title="DOTA2-TI7  水晶喵女与狸娜 T恤"></a>
            <p class="name ellipsis" title="DOTA2-TI7  水晶喵女与狸娜 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7  水晶喵女与狸娜 T恤</p>
            <p class="price">¥139.00</p>
        </li>



        <li>
            <a href="#" target="_blank"><img src="images/shoppingcart/d9cde1a175234cb8b4032fcc4d55aa34_120.jpg" alt="" title="DOTA2-2018年国际邀请赛 卫衣"></a>
            <p class="name ellipsis" title="DOTA2-2018年国际邀请赛 卫衣" style="word-wrap: break-word; word-break: break-all;">DOTA2-2018年国际邀请赛 卫衣</p>
            <p class="price">¥499.00</p>
        </li>



        <li>
            <a href="#" target="_blank"><img src="images/shoppingcart/aa558b1778a04eaf9e4d3dddb32d9d3f_120.jpg" alt="" title="DOTA2- T恤 烫金拍拍"></a>
            <p class="name ellipsis" title="DOTA2- T恤 烫金拍拍" style="word-wrap: break-word; word-break: break-all;">DOTA2- T恤 烫金拍拍</p>
            <p class="price">¥139.00</p>
        </li>



        <li>
            <a href="#" target="_blank"><img src="images/shoppingcart/3187c675efd94166a622985ce759e2a9_120.jpg" alt="" title="DOTA2 - T恤 Q版熊战士"></a>
            <p class="name ellipsis" title="DOTA2 - T恤 Q版熊战士" style="word-wrap: break-word; word-break: break-all;">DOTA2 - T恤 Q版熊战士</p>
            <p class="price">¥139.00</p>
        </li>



        <li>
            <a href="#" target="_blank"><img src="images/shoppingcart/93945894-d9c6-4f43-91cc-76203c9893d8_120.jpg" alt="" title="DOTA2-TI7 装甲就位 T恤"></a>
            <p class="name ellipsis" title="DOTA2-TI7 装甲就位 T恤" style="word-wrap: break-word; word-break: break-all;">DOTA2-TI7 装甲就位 T恤</p>
            <p class="price">¥139.00</p>
        </li>



        <li>
            <a href="#" target="_blank"><img src="images/shoppingcart/042cbcd654af4bb69fd885d0d6e9d0ca_120.jpg" alt="" title="DOTA2-2018年国际邀请赛 主题马克杯"></a>
            <p class="name ellipsis" title="DOTA2-2018年国际邀请赛 主题马克杯" style="word-wrap: break-word; word-break: break-all;">DOTA2-2018年国际邀请赛 主题马克杯</p>
            <p class="price">¥118.00</p>
        </li>

    </ul>
    </div></div>
                <a class="prev" href="javascript:void(0)"><span></span></a>
                <a class="next" href="javascript:void(0)"><span></span></a>
            </div>
        </div>

    </div></div>
</div>
    </div>
<!-- about -->
<div class="about">
    <div class="wrap">
        <ul class="cf">
            <li class="goods"><span></span>正品保证</li>
            <li class="shopping"><span></span>轻松购物</li>
            <li class="logistics"><span></span>快速配送</li>
            <li class="return"><span></span>无忧退换</li>
        </ul>
        <div class="cf link">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#" target="_blank">常见问题</a></dd>
                <dd><a href="#" target="_blank" class="needLogin">订单状态</a></dd>
                <dd><a href="#" target="_blank">购物流程</a></dd>
                <dd><a href="#" target="_blank">支付方式</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#" target="_blank">配送范围</a></dd>
                <dd><a href="#" target="_blank">快递费用</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#" target="_blank">退换货流程</a></dd>
                <dd><a href="#" target="_blank">退换货政策</a></dd>
                <dd><a href="#" target="_blank">服务政策</a></dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd><a href="#" target="_blank">公司官网</a></dd>
                <dd><a href="#" target="_blank">官方微信</a></dd>
                <dd>
                    <a href="#" target="_blank">商务合作</a>
                    <div class="tip">
                        <i></i>
                        <p>联系人：张女士</p>
                        <p>邮箱：<span>zhangchenrui@pwrd.com</span></p>
                        <p>联系电话：<span>010-57805531</span></p>
                    </div>
                </dd>
            </dl>
            <div class="f_right contact">
                <p class="tel">028-68723699</p>
                <p class="time">周一至周日 9:00-22:00</p>
                <a href="#" target="_blank" class="needLogin"><span></span>在线客服</a>
            </div>
        </div>
    </div>
</div>
<!-- copyright -->
<div class="copyright">
    <div class="wrap">
        <ul class="cf">
            <li><a href="#" target="_blank">公司介绍</a></li>
            <li><a href="#" target="_blank">开发团队</a></li>
            <li><a href="#" target="_blank">招聘信息</a></li>
            <li><a href="#" target="_blank">联系我们</a></li>
            <li><a href="#" target="_blank">法律声明</a></li>
            <li><a href="#" target="_blank">网站地图</a></li>
        </ul>
        <p class="text">京ICP证：050016号《网络文化经营许可证》编号：文网文【2017】8929-1007号《网络视听许可证》编号：0110587 京公网安备11010502033859号 完美世界（北京）软件科技发展有限公司版权所有</p>
        <div class="link">
            <a href="#" target="_blank"><img src="images/copyright01.jpg" width="108" height="40" alt="经营性网站备案信息"></a>
            <a href="#" target="_blank"><img src="images/copyright02.jpg" width="108" height="40" alt="可信网站示范单位"></a>
            <a href="http://www.bjwhzf.gov.cn/accuse.do" target="_blank"><img src="images/copyright03.jpg" width="108" height="40" alt="举报热线"></a>
            <a href="#" target="_blank"><img src="images/copyright04.jpg" width="108" height="40" alt="中国网络游戏版权保护联盟"></a>
            <a href="#" target="_blank"><img src="images/copyright05.jpg" width="108" height="40" alt="绿色通道"></a>
        </div>
    </div>
</div>
<!--显示购物车-->
<script type="text/javascript">
    var ctx = '';
    var host_url = '#';
    var static_image_url = '#';
    var sso_service_type = '#';
    var page_id = 'list';
    var mobile = '';
</script>
<script type="text/javascript" src="js/jq_183.js"></script>
<script type="text/javascript" src="js/jquery.boxy.js"></script>
<script type="text/javascript" src="js/lib.js"></script>

<!--登录模块-->
<script>
    $("#login").click(function () {
        showDiv($(".login"));
        function showDiv(obj){
            $(obj).show();
            center(obj);
            $(window).scroll(function(){
                center(obj);
            });
            $(window).resize(function(){
                center(obj);
            });
        }
        function center(obj){
            var windowWidth = document.documentElement.clientWidth;
            var windowHeight = document.documentElement.clientHeight;
            var popupHeight = $(obj).height();
            var popupWidth = $(obj).width();
            $(obj).css({
                "position": "absolute",
                "top": (windowHeight-popupHeight)/2+$(document).scrollTop(),
                "left": (windowWidth-popupWidth)/2
            });
        }
    });
    // 隐藏登录层
    $(".close_box font").click(function () {
        $(".login").delay(1000).fadeOut(1000);
        setTimeout(function () {
            $("#form_login").get(0).reset();
        },1500);
    });
</script>
</body></html>